<template>
	<view style="background-color: #f9f9f9;">
		<basetab name='消息通知'></basetab>
		
		<view v-if="list.length>=1" style="padding: 30rpx; border-bottom: 1rpx solid rgba(234, 239, 242, 1);" v-for="(item,index) in list">
			<view class="fr-b-c">
				<view style="display: flex;align-items: center;">
					<view class="m-r-20 fl-c"
						style="border-radius: 50%; width: 48rpx;height: 48rpx;opacity: 1;background: rgba(255, 163, 0, 1);">
						<image style="width: 28.8rpx;height: 28.8rpx;opacity: 1;" src='../../static/my/xinnxi.jpg' mode=""></image>
					</view>
					<view >
						消息通知
					</view>
				</view>
				<view class="">
					2022-03-14
				</view>
			</view>
			<view  style="font-size: 28rpx;font-weight: 400;color: rgba(101, 105, 112, 1);">
				现在就写一篇导师评论，以表达对小包子 教授的感激之情。
			</view>
			

		</view>
		<view  v-if="!list.length>=1" class="fr-c-d">
		
			<view style="margin-bottom: 80rpx;margin-top: 380rpx;">
				<image style="width: 200rpx; height: 190rpx;" src='../../static/my/mespng.png' mode=""></image>
			</view>
			<view style="font-size: 24rpx;font-weight: 400;color: rgba(204, 204, 204, 1);">
				小主，暂无收到系统消息
			</view>
		</view>
	</view>
</template>

<script>
	import basetab from '../../componets/bartop.vue'
	export default {
		components: {

			basetab

		},
		data() {
			return {
				list:[
				1,2,3
					
				]
			}
		},
		methods: {

		}
	}
</script>

<style>

</style>
